<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css"/>
    <link rel="stylesheet" type="text/css" href="css/doc.css"/>
    <title>index</title>
</head>
<body>
<div class="container-fluid">
    <div class="row-fluid">  
        <div class="span3 bs-docs-sidebar">
            <ul class="nav nav-list bs-docs-sidenav" id="menu">
                <li dir="appManage"><a href="javascript:void(0)"><i class="icon-chevron-right"></i>应用管理</a></li>
                <li dir="appManage"><a href="javascript:void(0)"><i class="icon-chevron-right"></i>消息管理</a></li>
                <li dir="appManage"><a href="javascript:void(0)"><i class="icon-chevron-right"></i>发布消息</a></li>
                <li dir="appManage"><a href="javascript:void(0)"><i class="icon-chevron-right"></i>待发布消息</a></li>
                <li dir="appManage"><a href="javascript:void(0)"><i class="icon-chevron-right"></i>已发布消息</a></li>
                <li dir="appManage"><a href="javascript:void(0)"><i class="icon-chevron-right"></i>用户报表</a></li>
                <li dir="appManage"><a href="javascript:void(0)"><i class="icon-chevron-right"></i>系统管理</a></li>
            </ul>
        </div>
        <div class="span9" ng-controller="myCtrl" id="show">
          {{1+1}}
        </div>  
    </div>  
</div>  
</body>
</html>
<script type="text/javascript" src="scripts/angular.min.js"></script>
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript">
 $(function(){
    $("#menu").find("li").click(function () {
    $("#menu").find(".active").removeAttr("class");
       $(this).attr("class","active");
        $("#show").load("test.html");
    });
  });

  angular.module("app",[],function($provide){

  }).controller("myCtrl",function($scope){
	  
	  
  });


</script>